<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>404</title>
    <meta name="keywords" content="Hexo,Ayer,404,Design" />
    <meta name="description" content="hexo theme ayer page 404." />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1"
    />
    <style>
      html,
      figure {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
      }

      body {
        margin: 20px;
        overflow: hidden;
      }

      h1,
      h3 {
        width: 100%;
        text-align: center;
        color: #403e3e;
      }

      h3 a {
        color: #0681d0;
      }

      .forrestgump img {
        width: 52rem;
        margin-left: 50%;
        transform: translateX(-50%);
        border-radius: 5%;
        opacity: 0.8;
      }

      @media screen and (max-width: 768px) {
        .forrestgump img {
          width: 100%;
        }
      }
    </style>
  </head>

  <body>
    <div class="notfound">
      <a class="notfound-link" href="/">
        <img
          width="40"
          src=""
        />
      </a>
      <figure class="forrestgump">
        <figcaption>
          <h1>404<br />Not Found!</h1>
          <h3>
            Please check it, Maybe you should read
            <a href="https://hexo.io/docs/">Hexo</a> and
            <a href="https://github.com/Shen-Yu/hexo-theme-ayer">Ayer</a> Docs
            carefully.
          </h3>
          <h3>
            亲，获取不到该路径的页面呢，请检查一下哦，可能你还需要仔细阅读
            <a href="https://hexo.io/docs/">Hexo</a> 和
            <a href="https://shen-yu.gitee.io/2019/ayer/">Ayer</a> 的说明文档~
          </h3>
        </figcaption>
        <img src="https://tvax4.sinaimg.cn/large/9156bd04ly1gzofhomcm4j20zk0p5jrw.jpg" />
      </figure>
    </div>
  </body>
</html>
